import { Card, Typography, List, Button } from 'antd'

const { Text } = Typography

const Index = () => {
  return (
    <Card
      style={{ height: '100%', display: 'flex', flexDirection: 'column' }}
      title="实时报警"
      extra={<Button type="link">更多</Button>}
    >
      <List>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">禁烟区吸烟报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">自燃报警</a>} description="2021-6-16" />
          <Text type="danger">未处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">设施报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">消防通道堆物报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>

        {/* <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">禁烟区吸烟报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">自燃报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">消防通道堆物报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item>
        <List.Item actions={['今天 16:54']}>
          <List.Item.Meta title={<a href="https://ant.design">设施报警</a>} description="2021-6-16" />
          <Text>已处理</Text>
        </List.Item> */}
      </List>
    </Card>
  )
}

export default Index
